<template>
<div class='sd'>
<!-- 搜索区域 -->
    <el-form label-position="right" label-width="80px" :inline="true" :model="selectionData" class="demo-form-inline">
        <el-row>
            <el-col :span="4" :offset="1">
                <el-form-item label="岗位名">
                    <el-input v-model="selectionData.postName" placeholder="岗位名"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="4" >
                <el-form-item label="公司名">
                    <el-input v-model="selectionData.companyName" placeholder="公司名"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="4">
                <el-form-item label="学生名">
                    <el-input v-model="selectionData.studentName" placeholder="岗学生名"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="4">
                <el-form-item label="投递时间">
                  <el-date-picker type="date" placeholder="选择开始日期" v-model="selectionData.sendTime" style="width: 100%;"></el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :span="4">
                    <el-form-item label="投递状态">
                        <el-select v-model="selectionData.status" placeholder="请选择投递状态">
                            <el-option label="未查看" value="未查看"></el-option>
                            <el-option label="已查看" value="已查看"></el-option>
                            <el-option label="有意向" value="有意向"></el-option>
                            <el-option label="面试/笔试邀请" value="面试/笔试邀请"></el-option>
                            <el-option label="已录取" value="已录取"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            <el-col :span="1">
                <el-button icon="el-icon-search" circle @click="onSubmit"></el-button>
            </el-col>
        </el-row>
    </el-form>

                <!-- 请求table -->
    <el-table
    height="500"
    :data="sendInfo"
    v-infinite-scroll="load"
    border
    style="width: 100%">
        <!-- 查看详情 -->
    <el-table-column
    label="序号"
      type="index"
      width="50">
    </el-table-column>
    <el-table-column
      prop="companyName"
      label="公司名称"
      width="200">
      <template slot-scope="scope">
        <router-link :to="{path:'/company',query:{companyName:scope.row.companyName}}">
                    {{scope.row.companyName}}
                  </router-link>
      </template>
    </el-table-column>
      <el-table-column
      prop="studentName"
      label="学生名称"
      width="200">
      <template slot-scope="scope">
        {{ scope.row.studentName }}
        <el-button  size="mini" icon="el-icon-arrow-right"  @click="showStudentResume(scope.row)" circle></el-button>
      </template>
    </el-table-column>
    <el-table-column
      prop="postName"
      label="岗位名称"
      width="200">
      <template slot-scope="scope">
        {{ scope.row.postName }}
        <el-button  size="mini" icon="el-icon-arrow-right"  @click="showPostInfo(scope.row)" circle></el-button>
      </template>
    </el-table-column>
    <el-table-column
      prop="sendTime"
      label="投递时间"
      width="200">
    </el-table-column>
    <el-table-column
      prop="status"
      label="投递状态"
      width="200">
    </el-table-column>
    <el-table-column
      label="操作"
      width="300">
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="updateSend('2', scope.row)">感兴趣</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="updateSend('3', scope.row)">面试/笔试邀约</el-button>
      </template>
    </el-table-column>
  </el-table>
  <!-- 岗位详情窗口 -->
    <el-dialog
        title="岗位详情"
        :visible.sync="postDetileDialogVisible"
        width="50%"
    center>
    <CompanyPostDetail :selectRow="selectPost"/>
    </el-dialog>
<!-- 简历查看 -->
  <el-dialog
  title="简历查看"
  :visible.sync="studentResumeDialogVisible"
  width="70%">
  <StaudentResume :studentResume="selectStudentResume" ref="resume"></StaudentResume>
</el-dialog>
</div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import CompanyPostDetail from '@/components/companyPost/CompanyPostDetail.vue'
import StaudentResume from '@/components/student/StaudentResume.vue'
export default {
// import引入的组件需要注入到对象中才能使用
  components: { CompanyPostDetail, StaudentResume },
  data () {
    // 这里存放数据
    return {
      studentResumeDialogVisible: false,
      postDetileDialogVisible: false,
      selectPost: {},
      selectionData: {
        status: '',
        sendTime: '',
        postName: '',
        companyName: '',
        studentName: '',
        currentPage: '',
        sumPage: '',
        pageSize: ''
      },
      currentRole: '1',
      sendInfo: [{
        id: '12',
        postId: '12313',
        postName: 'java软件开发',
        companyName: '贵州养牛破职业技术学院',
        studentId: '1212',
        studentName: '李江',
        sendTime: '2024-04-29',
        status: '未查看'
      }],
      selectStudentResume: {}
    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    onSubmit () {

    },
    updateSend (status, row) {
      // 2:有意向,3邀约
    },
    load () {
      this.selectionData.currentPage++
      const data = [{
        id: '13',
        postId: '12313',
        postName: 'python软件开发',
        companyName: '贵州养牛破职业技术学院',
        studentId: '1212',
        studentName: '李江',
        sendTime: '2024-04-29',
        status: '未查看'
      }]
      this.sendInfo = [...this.sendInfo, ...data]
    },
    showStudentResume (row) {
      this.selectStudentResume = {
        id: 1,
        name: '江江',
        age: 22,
        gender: '男',
        href: 'https://a.520gexing.com/uploads/allimg/2023092319/0g5wenfa2rx.jpg',
        phone: 15990153322,
        major: '通信工程',
        hobby: '爱好da',
        email: '1617511871@qq.com',
        qualification: '本科',
        graduation: '贵州养牛破职业技术学院',
        graduationDate: '2024-09-01',
        address: '籍贯贵州贵阳',
        jobIntention: '工作意向',
        addressIntention: '意向地址',
        status: '在校',
        selfIntroduction1: '于2005.07月毕业于某喵喵喵大学，本科学历。在校专业为xxxxxxx，主修课程为xxxx、xxxx、xx和xxxx等课程。在校期间主要技能为java和php语言,和实验室小伙伴一起完成过内部管理平台(成员在线时长记录、周计划制定和组长评价)、纳新面试系统等。',
        selfIntroduction2: '毕业后在某某公司做web开发工作,主要的技能为css、javascript、jquery和python。主要参与的产品有xxxxxxx、xxxx。现就职于一家创业公司做web前端岗位，主要的技能为vue全家桶。',
        selfIntroduction3: '工作中比较自律，对待工作认真负责，喜欢不断学习来提升自己。希望能找到一群志同道合的人一起工作，不断进步和成长。',
        skills: ['java', 'excel', 'spring', 'springboot', 'mysql', 'redis', 'linux'],
        campusAction: [{
          id: 1,
          name: '活动名称aaa',
          begin: '2020-09-01',
          end: '2020-09-02',
          description: '参加什么什么阿三大苏打大苏打adaasdassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss'
        },
        {
          id: 1,
          name: '活动名称aaa',
          begin: '2020-09-01',
          end: '2020-09-02',
          description: '参加什么什么阿三大苏打大苏打adaasdassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss'
        }],
        jobExperience: [
          {
            id: 1,
            companyName: '贵大',
            position: 'Java开发组组长',
            begin: '2020-09-01',
            end: '2020-09-02',
            description: '参加什么什么阿三大asdasdasdasdasdasd苏asdasassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss打大苏打'
          }
        ],
        certificate: [{
          id: 1,
          name: 'java二级证书',
          number: '12341231231231',
          issuingAuthority: '计算机协会',
          time: '2021-09-01'
        }],
        projectExperience: [{
          id: 1,
          name: '21',
          position: '角色',
          begin: '2020-09-01',
          end: '2020-09-02',
          description: '参加什么什么阿三大苏打大苏adasdddddddddddddddddddddddddddddddddddddddddsasdasdasdadasdasda打'
        }]

      }
      this.studentResumeDialogVisible = true
    },
    showPostInfo (row) {
      this.selectPost = {
        id: 1,
        companyName: 'sdas',
        name: '养牛',
        address: '花溪公园',
        experience: '无需经验',
        qualification: '本科',
        require: '要求有这样那样的asdasdasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss',
        treatment: '五险一金。。dadadadasdasdasdasdasasdasdasdasdasddasd。。',
        responsibility: '工作负责。。。。asddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd',
        salaryFrom: '2000',
        salaryTo: '9000',
        way: '月',
        lastTime: '2024-06-14',
        // 标签是重要的筛查方式
        postLab: [
          'python', 'java', 'mybatis', 'vue', 'mybatis-plus'
        ]
      }
      this.postDetileDialogVisible = true
    }
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created () {

  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {

  },
  beforeCreate () {}, // 生命周期 - 创建之前
  beforeMount () {}, // 生命周期 - 挂载之前
  beforeUpdate () {}, // 生命周期 - 更新之前
  updated () {}, // 生命周期 - 更新之后
  beforeDestroy () {}, // 生命周期 - 销毁之前
  destroyed () {}, // 生命周期 - 销毁完成
  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.sd{
  a {
    text-decoration: none;
    color: inherit;
}
}
</style>
